import styled from 'styled-components';
import bg_img from '@/assets/img/wrap1.png';

export const SectionWrapper = styled.div`
  border: 1px solid #d3d3d3;
  display: flex;
  background-image: url(${bg_img});
`;

export const SectionLeft = styled.div`
  padding: 20px;
  width: 689px;
`;

export const SectionRight = styled.div`
  margin-left: 1px;
  width: 250px;
  .vip {
    img {
      width: 250px;
    }
  }
  .login {
    background-position: 0 0;
    p {
      width: 205px;
      margin: 0 auto;
      padding: 16px 0;
      line-height: 22px;
      color: #666;
    }
    a {
      background-position: 0 -195px;
      display: block;
      width: 100px;
      height: 31px;
      line-height: 31px;
      color: #fff;
      text-align: center;
      margin: 0 auto;
      padding-bottom: 12px;
      text-decoration: none;
      &:hover {
        background-position: -110px -195px;
      }
    }
  }
`;
